VUE
苏先生前端
这个作者很懒,什么都没留下…
展开
-
vue 非父子组件之间实现数据传递 vuex
我们知道父子组件直接的数据传递通过标签属性行间 将数据挂在到了标签上子组件中通过props特性验证来获取来自父组件的数据 进行渲染在非父子组件中也借用这样的原理 原理图如下第一种 子传父 父传子特点 : 传值要经过父组件 不断寻找各组件之间的从属关系 操作复杂 适合一层 父子兄弟组件传递代码如下://子组件1传值到父组件<template>...原创 2019-12-02 19:44:57 · 1309 阅读 · 0 评论 -
vue项目路由知识
路由介绍路由的组成为三大部分1、<router-link to="/">首页</router-link> 用于设置相关属性 如标签种类 tag属性 跳转地址to2、<router-view/> 用于将</router-link> 显示于页面3、router.js配置 对象形式配置路由注意点1、首先设置方式俩种 路...原创 2019-10-25 11:35:21 · 312 阅读 · 0 评论 -
v-if、v-show、v-for v-bind
v-if条件为真 所在标签元素显示 为假不显示 原理: 不加载该元素v-show条件为真 所在标签元素显示 为假不显示 原理: 设置display:none;你会看到同样的内容,但两者问确实存在其他的影响和差异。 首先 ,因为使用 v-if 隐藏的内部元素不会被显示, vue 不会尝试生成对应的 HTML 代码: 而对于 v-show 指令,事实并非如 。这意味着隐...原创 2019-09-26 17:07:53 · 191 阅读 · 0 评论 -
vue实例结构 vue生命周期钩子
vue实例结构组成如下:<script> export default { name: "App", data() {//数据定义 函数方法,返回数据的方式 return {}; }, methods: { // 组件的方法 }, watch: { // watch监听方法,擅长处理的场...原创 2019-09-27 17:50:52 · 196 阅读 · 0 评论 -
vue组件
vue组件组件是可复用的 Vue 实例,且带有一个名字。你可以将组件进行任意次数的复用因为组件是可复用的 Vue 实例,所以它们与new Vue接收相同的选项,例如data、computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。每个组件都会各自独立维护它的 数据。因为你每用一次组件,就会有一个它的新实例被创建。注意点...原创 2019-09-29 14:52:29 · 205 阅读 · 0 评论 -
vue实列结构组成
<script> export default { name: "App", data() {//数据定义 函数方法,返回数据的方式 return {}; }, methods: { // 组件的方法 }, watch: { // watch监听方法,擅长处理的场景:一个数据影响多个数据 wat...原创 2019-09-29 20:17:15 · 244 阅读 · 0 评论 -
vue-cli脚手架创建项目
运行以下命令来创建一个新项目:vue create hello-world选区手动配置项目图形化界面创建和管理项目:vue ui原创 2019-09-29 20:34:38 · 124 阅读 · 0 评论