摘要:
4.1 vue-router的介绍和下载: 介绍 Vue Router 是 Vue.js 官⽅的路由管理器。它和 Vue.js 的核⼼深度集 成,让构建单⻚⾯应⽤变得易如反掌。包含的功能有: 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图 阅读全文
摘要:
vue中this.$emit的用法 用于当子组件需要调用父组件的方法的场景下使用。 this.$emit('事件',参数) 与之相对的当父组件需要调用子组件时则使用this.$refs的方法 this.$refs.子组件的ref.子组件的方法 实例 为了能清晰的了解具体用法,准备了一个父子组件互调方 阅读全文
摘要:
在我们越来越深入Vue时,我们会发现我们对HTML代码的工程量会越来越少,今天我们来谈谈Vue下的 components模板的 初步使用方法与 应用 我们先来简单的写一段components代码(局部方法创造模板) <div id="app"> <haha></haha> </div> /* 这是最 阅读全文
摘要:
这篇文章主要介绍了vue.js中created方法作用及mounted和created的区别介绍,需要的朋友可以参考下 这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。每一个阶 阅读全文
摘要:
在使用vue.js的日期选择插件 的时候,报错如下 This relative module was not found: * ../calendar.vue in ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/scrip 阅读全文
摘要:
vue 编码步骤 定义vue管理范围和对象 引入vue.js文件 定义一个vue的管理范围 <div id='app'> </div> vue1.0里面vue的管理区域的id可以定义在HTML以及body标签上 vue2.0里面不允许这样来做 定义一个vue的对象 new Vue({ el:'#ap 阅读全文
摘要:
vue v-for循环的用法 1、v-for循环普通数组 ①创建vue对象 ② 循环数据 结果: 2、v-for循环对象数组 ① 创建vue实例对象 ② 循环对象数组 结果: 3、v-for循环对象 ①创建vue对象实例 ②循环对象 结果: 4、v-for循环数字 ①创建vue对象实例 ②循环数字 阅读全文
摘要:
条件: npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V 3.在新文件夹下创建项目 vue create my-project 指向的vuecli3是因 阅读全文
摘要:
vue的基础语法,基础英语 temeplate 是 模板 的意思 需要将html代码写到这个里面 options options就是属性的意思 创建一个vue实例,所有的数据和操作都要写在这个实例里面,options就是这个实例的属性 const vm = new Vue(options) el和m 阅读全文
摘要:
1、快速原型开发 // App.vue里面的内容 <template> <div> <h3>{{msg}}</h3> </div> </template> <script> export default { data() { return { msg: "vue-cli3开发单文件组件" }; }, 阅读全文