vue
文章平均质量分 78
徐楠_01
这个作者很懒,什么都没留下…
展开
-
vue学习(一):环境搭建
因为最近在做移动端html5的项目,项目中的数据渲染用的template,js ,这种模板的好处在于至少不用在js中去拼接字符串来渲染页面,但是缺点也很明显,难以修改和格式化,并且会破坏编辑时页面的布局,需要做到很细的划分,不然一旦页面有所改变,真的改的头疼。而现在页面加载的时候一般都是从上往下按序加载,而使用template的时候每个模块都是使用ajax请求后台数据填充模板后显示,由于网络的不稳原创 2017-12-23 10:32:42 · 1555 阅读 · 0 评论 -
vue学习(二):组件化开发
首先看看vuedemo的入口函数main.js// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base.conf with an alias.import Vue from 'vue' // 引入vueimpo原创 2018-01-08 10:36:50 · 1562 阅读 · 1 评论 -
vue学习(三):父组件向子组件传参
既然是组件化开发,当然少不了数据传递,我们先看看官网上写的。使用props传递参数,试一下,还是用我们之前的项目结构一、静态传递1.main_header.vue {{msg}} export default { name: 'main_header', props: ['msg'] // 声明传递过来的数据msg }2.App.v原创 2018-01-17 14:03:39 · 4151 阅读 · 0 评论 -
vue学习(四):子组件向父组件传参
子组件向父组件传参主要依靠 v-on 和 $.emit这个是vue官网上给的方法调用,我们看看页面上怎么使用。子组件 main_Header.vue {{count}} {{item}} 向父组件传参 export default { name: 'main_header', props: ['count', 'list'],原创 2018-01-25 14:22:54 · 22333 阅读 · 0 评论 -
vue(五):vue-router的使用
由于vue-router在vue1.0和2.0中写法不一样,这里我们只看2.0版本的写法。首先看一下我们最后的结果:点击上面三个标签,在下面显示对应的内容。首先引入vue-router,在package.json中的dependencies中添加vue-router的版本,如图:还需要新建3个组件来做vue-router的测试,goods、ratings、seller对应上原创 2018-02-03 14:28:36 · 774 阅读 · 0 评论 -
vue使用总结
一.vue部署到tomcat 1. 修改config目录下的index.js2.执行npm run build命令之后,把dist目录下的index.html和static文件夹拷贝到tomcat中的webapps目录下ROOT文件中,启动tomcat,在浏览器中输入http://localhost:8080即可访问3.如果你想要的地址是http://loca...原创 2018-05-15 15:31:57 · 296 阅读 · 0 评论