webpack 中如何使用 vue
2024-09-05 18:20:56
1. 安装vue的包: cnpm i vue -S
2. 由于 在 webpack 中,推荐使用 .vue 这个组件模板文件定义组件,所以,需要安装 能解析这种文件的 loader cnpm i vue-loader vue-template-complier -D
3. 在 main.js 中,导入 vue 模块 import Vue from 'vue'
4. 定义一个 .vue 结尾的组件(例如,login.vue ),其中,组件有三部分组成: template、 script 、style
5. 使用 import login from './login.vue' 导入这个组件
6. 创建 vm 的实例 var vm = new Vue({ el: '#app', render: c => c(login) })
7. 在页面中创建一个 id 为 app 的 div 元素,作为我们 vm 实例要控制的区域;
最新文章
- Android应用程序“.R文件”消失怎么办
- 【入门必备】最佳的 Node.js 学习教程和资料书籍
- MaxMin搜索
- Tostring(); 括号中的参数 格式化字符串
- 给Debian浏览器安装flash播放插件
- bzoj1566
- hdu 4602 Partition(快速幂)
- IOS 图片全屏预览
- [Android学习笔记]设置Activity方向
- 在Windows上安装Python
- Unity 多屏(分屏)显示,Muti_Display
- 操作系统-进程通信(信号量、匿名管道、命名管道、Socket)
- Ubuntu18.4中Apache在加不同端口的虚拟主机
- Sift中尺度空间、高斯金字塔、差分金字塔(DOG金字塔)、图像金字塔
- Antenna Placement POJ - 3020 (最小边集覆盖)
- centos6.5环境Redis下载及编译安装
- pip安装显示 is not a supported wheel on this platform.
- Spring,Struts2,MyBatis,Activiti,Maven,H2,Tomcat集成(三)——H2,MyBatis集成
- Intent跳转到系统应用中的拨号界面、联系人界面、短信界面及其他
- 线程间通信:Queue