Vue项目记录

Vue 加载流程

Vue是如何加载main.js文件的

• 如果是用vue.js官网提供的脚手架工具并沿用默认配置的话，你执行npm run dev的时候会出来页面，是因为你根目录下的package.json文件里script配置了

  "dev": "node build/dev-server.js"
  

  也就是其实执行的是dev-server.js这个文件，里面有定义

  var webpackConfig = require('./webpack.dev.conf');
  

  因为我们这个脚手架工具里是用webpack来打包项目文件的，依赖的webpack.dev.conf文件里又定义了

  var baseWebpackConfig = require('./webpack.base.conf');
  

  在这个依赖webpack.base.conf文件里面entry入口文件就配置了

  app: './src/main.js'
  

  所以当你运行npm run dev的时候就从main.js这个入口文件开始执行了

vue Router 路由

• path : 当前路由对象的路径，如’/view/a’。在定义路径规则的时候，如果你给它提供了一个name属性，则可以在后续使用这条路径规则的时候，直接引用。
• name : 当前路径名字
• component :

其它

• v-on`缩写
  • @

• npm install ( Node Package Manager)

• 											# package.json 
  npm install --save		# dependencies :{}
  npm install --save-dev  # devDependencies :{}