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