随笔分类 -  vueJS的使用

摘要:前端框架就是为了减少DOM操作,但是特定情况下,也给你留了后门在指定的元素上,添加ref="名称A"在获取的地方加入this.$refs.名称A -如果ref放在了原生DOM元素上,获取的数据就是原生DOM对象 +可以直接操作 -如果ref放在了组件对象上,获取的就是组件对象 +1:获取到DOM对象 阅读全文
posted @ 2017-11-24 17:32 逝意遨游 阅读(298) 评论(0) 推荐(0) 编辑
摘要:前端路由 核心就是锚点值得改变,根据不同的值,渲染指定DOM位置的不同数据ui-router:锚点值改变,如何获取模板? ajaxvue中,模板数据不是通过ajax请求来,二手通过调用函数获取到模板内容核心:锚点值改变以后看到vue开头,就知道必须 Vue.usevue的核心插件: - vue-ro 阅读全文
posted @ 2017-11-24 17:31 逝意遨游 阅读(161) 评论(0) 推荐(0) 编辑
摘要:父组件和子组件的区分 使用组件者为父,被使用组件者为子 父需要声明子组件,引入子组件对象,声明方式如下 import 子组件对象 form './xxx.vue'; { components:{ 组件名:子组件对象 }} 全局组件,使用更为方便,不需要声明,直接使用在main.js中引入一次 声明全 阅读全文
posted @ 2017-11-24 17:29 逝意遨游 阅读(236) 评论(0) 推荐(0) 编辑
摘要:常用指令 v-text: 是元素的innerText,只能在双标签中使用 v-html: 是元素的innerHTML,不能包含{{xxx}} v-if: 元素是否移除或插入 v-show:元素是否显示或隐藏 v-model:双向数据绑定 v-bind: 单向数据绑定(js内存改变页面) 双向数据绑定 阅读全文
posted @ 2017-11-23 17:53 逝意遨游 阅读(188) 评论(0) 推荐(0) 编辑
摘要:1.在新建的my-firstVue上的components文件夹下,新建一个vue文件 Hello.vue 2.在Hello.vue文件里添加如下代码 3.在App.vue中调用Hello.vue中的数据 4.运行项目 cnpm run dev ,运行显示无误是,展示界面如下: 注:1.在<temp 阅读全文
posted @ 2017-11-23 11:39 逝意遨游 阅读(592) 评论(0) 推荐(0) 编辑
摘要:1.安装node.js https://nodejs.org/zh-cn/ 2.打开电脑cmd安装淘宝npm镜像的依赖 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.全局vue-cli脚手架,用于帮助搭建所需的模板框 阅读全文
posted @ 2017-11-23 11:31 逝意遨游 阅读(257) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示