Vuejs学习笔记

1、单个Vue页面中用到某个Vue组件时,可以在单个页面中单独import该组件,作用范围只在本页面。若想在多页面使用该组件,可以在main.js中import进该组件,同时用Vue.use(该组件)全局注册该组件

贴一个开源组件大全地址:https://www.cnblogs.com/8899man/p/6514212.html,可以借鉴别人好的开源组件使用

2、Vuejs项目关键文件有:路由文件router配置页面路径;

主导入文件main.js(主要做文件的导入,及组件的全局注册)是项目入口文件;

App.vue是主模板(在main.js中使用);

Home.vue是主页面布局文件;

api.js是配置与后台交互数据的方法的文件;

package.json文件中手动配置所需组件、依赖的版本信息(构建项目时会从此文件中取找对应版本并下载相关module);

build文件夹中webpack.base.conf.js可配置项目入口文件

entry: {
app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}
可配置import时的文件扩展名及路径别名:
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
原文地址:https://www.cnblogs.com/blackdd/p/8392424.html