e 1 ano atrás
pai
commit
d805008d2c
2 arquivos alterados com 48 adições e 1 exclusões
  1. 1 1
      day29/hello/src/main.js
  2. 47 0
      day29/vue搭建流程.txt

+ 1 - 1
day29/hello/src/main.js

@@ -11,7 +11,7 @@ import {mixin} from './utils/mixin'
 Vue.config.productionTip = false
 // 全局引入mixin
 Vue.mixin(mixin)
-
+// 实例化Vue
 new Vue({
   router,
   store,

+ 47 - 0
day29/vue搭建流程.txt

@@ -0,0 +1,47 @@
+命令板:cmd 回车
+
+1.安装node包 node -v 
+
+2.全局安装vue-cli脚手架 
+
+3.创建vue项目:vue create 项目名称
+
+4.起服务 npm run serve
+
+5.npm 与 cnpm
+
+6.cnpm install node-sass
+
+7.cnpm install sass-loader
+
+8.cnpm/npm run serve
+
+
+9.vue项目中vue.config.js文件只要发生更改必须重新起服务
+
+断服务ctrl + c
+起服务
+
+10.在vue.config.js// 关闭eslint校验
+  lintOnSave: false 
+
+
+11.如何使用组件 
+    a.组件写在components里 组件里要起名
+    b.在使用页面 先引入 import 
+    c.注册组件
+    d.使用组件
+
+
+12.ref
+ref绑定信息 使用方法 :
+	在template部分 绑定标签 ref='xxx'
+	调用 this.$refs.xxx
+
+13.父子组件通信:父组件向子组件传参 props
+
+
+14.样式隔断 scoped 
+   sass使用
+
+15.mixin 全局注册