![](https://img-blog.csdnimg.cn/20191031170559931.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 93
[removed]
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?d1c75b5f824e93fae5400e8d796f9d93";
var s = document.getElementsByTagName("script")[0];
s[removed].insertBefore(hm, s);
})();
[removed]
预立科技
这个作者很懒,什么都没留下…
展开
-
Vue CLI配置Vue Router
一、安装Vue Router安装命令:npm install vue-router安装后在根目录中的package.json中的dependencies会声明vue-router的依赖包二、手动创建Router配置文件1.在src下创建router文件夹2.在router文件夹下创建router.js文件3.在router.js文件中进行配置import Vue from 'vue'import Router from 'vue-router'import Tow from '../原创 2020-05-11 21:01:34 · 515 阅读 · 0 评论 -
Vue-子组件向父组件传值
父组件向子组件传值可点击查看子组件向父组件传值依赖$emit, 触发事件,附加的参数也会传给监听器回调。一、子组件1.触发点击时,将值传给父组件2.关键字this.$emit3.valToFather是子组件和父组件的公共绑定事件,名称必须一致<template> <div> <div v-for="(item,index) in list" ...原创 2020-04-21 12:06:38 · 371 阅读 · 0 评论 -
Vue-父组件向子组件传值
下面示例中是:父组向子组的单向数据流父级的更新会向下流动到子组件中,但是反过来则不行。每次父级组件发生更新时,子组件中所有的prop都将会刷新为最新的值。一、父组件引入、注册、调用、传值子组件1.引入:import son from "../son";2.注册:components: { son }3.调用:<son></son>4.传值:<son :fa...原创 2020-03-27 13:28:50 · 347 阅读 · 0 评论 -
Vue-绑定Class
绑定Class的语法为 v-bind:class , 可以简写成 :class绑定Class时,常用绑定字符串、绑定对象,绑定数组。三种方式绑定,只有绑定对象时候,css的class引号可以省略通常我们绑定Class时,可能会用到三目运算, 顺带每种绑定方式使用三目运算举例一、绑定css中的class字符串语法v-bind:class="‘样式class’", 引号不可以省略三目运算 ...原创 2020-01-22 16:13:38 · 823 阅读 · 0 评论 -
Vue—生命周期
生命周期图:每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。<html><head> <!-- 开发环境版本,包含了有帮助的命令行警告 --> ...原创 2019-09-27 18:02:33 · 706 阅读 · 0 评论 -
Vue—指令v-text、v-html、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model、v-slot、v-pre、v-cloak、v-on
1.v-text(文本插值)<html><head><scriptsrc="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></head><body><divid="app"><...原创 2019-10-09 18:33:58 · 1234 阅读 · 0 评论 -
Vue—new Vue()
1.newVue()创建一个新的Vue实例2.el挂在原色el绑定的元素内,都是Vue的作用范围3.data数据对象当一个Vue实例被创建时,它将data对象中的所有的属性加入到Vue的响应式系统中。当这些属性的值发生改变时,视图将会产生“响应”,即匹配更新为新的值。<html><head> <script src="...原创 2019-10-10 18:23:54 · 16446 阅读 · 0 评论