vue 笔记

安装node.js
var $ = require(‘jquery‘);
window.$ = $;
安装vue-cli
npm install -g vue-cli
vue init webpack 文件夹名
在安装文件夹下npm install安装第三方模块
npm run dev 启动应用
npm -V 大写V

安装vuex
npm install vuex --save

定义容器
import Vue from ‘vue‘
import Vuex from ‘vuex‘

Vue.use(Vuex)
let store = new Vuex.Store({
state: ‘0‘,
})
export default store
注入根实力
import store from ‘./store/store‘
new Vue({
el: ‘#app‘,
router,
store,
components: { App },
template: ‘<App/>‘
})
console.log(this.$store)
安装axios
npm install axios

在vue中使用axios
npm install axios
npm install axios vue-axios --save
在跟下引入这两个插件
import Axios from ‘axios‘
import VueAxios from ‘vue-axios‘

Vue.use(Axios, vueAxios)

在需要的模块引入
import Axios from ‘axios‘
Axios.post(‘https://admin.cc9950.info/api/login‘).then((res) => {
console.log(res)
}).catch(() => {})

var tese = true 必须前后空格
‘no-unused-vars‘:0 .eslintrc文件不

Do not use ‘new‘ for side effects 错误是缺少/* eslint-disable no-new */ 可以绕过规则检查

$options 相当于vue实力vm 里面包括一些方法 和 自定义方法
this.$options.methods.test2()
this.$options.data().message

vue 绑定this
this.$options.methods.test1.bind(this)()

Array.apply(null, {length: 20}).map(function () {
return create(‘div‘,‘2‘)
})

Vue 全局引入scss
npm install sass-resources-loader --save-dev

build/utils.js
然后把scss: generateLoaders(‘sass‘)替换成如下代码
scss: generateLoaders(‘sass‘).concat(

{
loader: ‘sass-resources-loader‘,
options: {
resources: path.resolve(__dirname, ‘../src/assets/scss/color.scss‘)
}
}
),

vue 笔记

原文：https://www.cnblogs.com/zhaofeis/p/12793337.html