vue从零开始
来源:互联网 发布:qq微信头像知乎 编辑:程序博客网 时间:2024/06/05 02:47
收集一下基本知识
1、main.js是做什么用的
main.js是入口文件,主要作用是初始化vue实例并使用需要的插件。
import Vue from 'vue'import App from './App'import router from './router'import store from './store/'import ElementUI from 'element-ui'// import 'element-ui/lib/theme-default/index.css'import '../theme/index.css'Vue.config.productionTip = false;Vue.use(ElementUI);new Vue({ el: '#app', router, store, template: '<App/>', components: { App }})
2、App.vue 做什么的
App.vue是主组件,所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。
3、在工程文件中使用main.js来加载App.vue文件的,但没有代码写出来加载main.js的,而index.html中只有一个自定义标签app,
那么工程是如何加载到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这个入口文件开始执行了。
4、vue-resource.js没有
cnpm install vue-resource --save
5、 this.$http 没有定义
<script src="js/vue.js"></script><script src="js/vue-resource.js"></script>或者在main.js中引入import Vue from 'vue'import App from './App'import router from './router'import store from './store/'import ElementUI from 'element-ui'// import 'element-ui/lib/theme-default/index.css'import '../theme/index.css'Vue.config.productionTip = false;Vue.use(ElementUI);// 导入 vue-router,并使用import VueRouter from 'vue-router'Vue.use(VueRouter)// 导入 vue-resource,并使用import VueResource from 'vue-resource'Vue.use(VueResource)new Vue({ el: '#app', router, store, template: '<App/>', components: { App }})
阅读全文
0 0
- vue从零开始
- vue从零开始
- vue项目从零开始
- 从零开始学习Vue(三)
- Vue.js从零开始
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始学习Vue(三)
- 从零开始搭建vue
- 从零开始搭建VUE基础框架
- 从零开始搭建Vue开发环境
- 从零开始搭建vue.js项目
- 从零开始搭建vue开发环境
- 从零开始搭建一个vue.js的脚手架
- 3. Longest Substring Without Repeating Characters最长不重复子串
- awk的基本使用
- 线程的同步
- 安卓跳入系统分享
- bzoj 4407: 于神之怒加强版
- vue从零开始
- python基础---列表表达式
- 欢迎使用CSDN-markdown编辑器
- vim 打开显示行号
- 几种常见的单例
- Python3爬虫实战之爬取京东图书图片
- jQuery图片左右自动滚动插件可选箭头bxCarousel插件
- 【BZOJ 1601】灌水(设置虚点+MST)
- spring MVC访问WEB-INF下资源问题