Vue - 父子组件双向绑定 sync 修饰符
摘要：一、概念 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件两侧都没有明显的变更来源。 这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。举个例子，在一个包含 tit
阅读全文
posted @ 2022-01-21 15:30
不忘初心
科技要有振奋人心的力量
文章分类 - Frontend
1
Vue
Vue - 自定义指令
摘要：在vue中需要对普通 DOM 元素进行底层操作（和DOM元素密切相关），这时候就会用到自定义指令,这些操作就叫做指令, 在vue中 以v-xxx开头的就叫做指令，类似于html页面中的属性 `<div v-xxx ></div>，自定义执行 通常使用 插件形式安装。 一、定义 第二个参数是对象，内部
阅读全文
posted @ 2022-01-20 15:15
Vue - 自定义插件
摘要：插件通常用来为 Vue 添加全局功能，例如数据字典插件等。 a)插件通常会为 Vue 添加全局功能，一般是添加全局方法/全局指令/过滤器等 b)Vue 插件有一个公开方法 install ，通过 install 方法给 Vue 添加全局功能 c)通过全局方法 Vue.use() 使用插件，它需要在你
阅读全文
posted @ 2022-01-19 16:57
Vue - 混入
摘要：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 一、组件混入 例子 // 定义一个混入对象 var myMixin = { data: function
阅读全文
posted @ 2022-01-18 15:40
Vue - 自定义函数挂载到全局方法
摘要：在Vue中可以将自定的方法挂载到全局的方法中，这样在全局的页面都可以不通过引用，而直接使用自定义的方法了，在vue中使用非常广泛。 方法一：使用Vue.prorotype 第一中方法与定义全局变量一样，在main.js中进行引入(但因为main.js是入口文件，不推荐在其中写入其他逻辑代码)。在ma
阅读全文
posted @ 2022-01-13 11:52
Vue - router
摘要：Vue Router 添加进来，我们需要做的是，将组件 (components) 映射到路由 (routes)，然后告诉 Vue Router 在哪里渲染它们。 router/index.js：有时候，同一个路径可以匹配多个路由，此时，匹配的优先级就按照路由的定义顺序：路由定义得越早，优先级就越高。
阅读全文
posted @ 2021-12-30 20:04
VUE - Vuex/store
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。为了解决以上问题，Vue
阅读全文
posted @ 2021-12-30 11:02
VUE - 箭头函数this
摘要：对于正常函数，谁调用的它，this就指向谁，而箭头函数没有this，它的this指向一般就是上下文中，与谁调用它没关系。 但是在Vue实例中，methods中如果用的是正常函数，那么它的this就指向Vue实例；如果是箭头函数，this就指向window对象。 在Vue的官方文档是这么解释的： me
阅读全文
posted @ 2021-12-16 10:44
Vue - nextTick()
摘要：背景： 列表点查询后，根据后台数据更新复选框为选中状态不生效。 toggleRowSelection 设置无效。 getList(this.queryList).then(response=>{ this.list = response.rows; for (var i = 0; i < this.
阅读全文
posted @ 2021-11-04 16:14
Vue - 代理
摘要：开发环境中跨域 Vue-cli 创建的项目，可以直接利用 Node.js 代理服务器，通过修改vue proxyTable接口实现跨域请求。在vue-cli项目中的config文件夹下的index.js配置文件中，修改前的dev： const proxy = require('http-proxy-
阅读全文
posted @ 2021-08-26 14:38
Vue - computed 和 methods 区别
摘要：示例： <div id="app"> <h4>method 方式</h4> <h2>{{getFullName()}}</h2> <h2>{{getFullName()}}</h2> <h2>{{getFullName()}}</h2> <h4>compute 方式</h4> <h2>{{fullN
阅读全文
posted @ 2021-07-20 12:51
Vue - 组件是单例还是多例
摘要：A 组件引用了 M 组件，B组件又引用了一次 M 组件，这个M是不通的实例，这就是为什么data要求是函数的原因。 关于keep-alive: 在平常开发中，有部分组件没有必要多次初始化，这时，我们需要将组件进行持久化，使组件的状态维持不变，在下一次展示时，也不会进行重新初始化组件。 也就是说，ke
阅读全文
posted @ 2021-07-20 08:48
Vue -组件、组件传值、插槽
摘要：一、组件的写法-组件模板的分离写法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn> </div>
阅读全文
posted @ 2021-06-30 16:08
Vue -基础知识
摘要：Vue实例：Vue 思想是以数据为中心。 el：代表接管DOM节点 data：代表Vue 变量； methods : 代表Vue方法； v 开头的代表Vue指令，后面内容是 JS 表达式 事件绑定：v-on:click='handleclick' 简写 @click='handleclick' 属性
阅读全文
posted @ 2021-04-27 14:06
AngluarJS - 路由
摘要：看： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AngularJS 路由实例</title> <script src="https://cdn.bootcss.com/angular.js/1.7.0/angular.mi
阅读全文
posted @ 2018-09-06 18:11
AngluarJS - 作用域
摘要：先看一段代码： <html ng-app = "app"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="../angular-1.6.9/angular.js"></script>
阅读全文
posted @ 2018-09-06 17:11
AngluarJS - 多模块开发
摘要：angularJS中的多模块开发是指多个module模块开发,步骤为: 1. 确定主模块 var app=angular.module('myApp',[]); 2. 其他的子模块添加到主模块后面的中括号中 var app=angular.module('myApp',['myApp1','myAp
阅读全文
posted @ 2018-09-06 10:02
AngularJS - ng-bind和ng-model的区别
摘要：AngularJS的数据绑定有ng-bind和ng-model，一般用于如下：<input ng-model="object.xxx"><span ng-bind="object.xxx"></span> ng-bind是单向绑定，由作用于$scope到view层，且在HTML控件(HTML控件有：
阅读全文
posted @ 2018-09-03 09:15
AngularJS - 入门
摘要：http://www.apjs.net/ http://www.yiibai.com/angularjs/angularjs_modules.html
阅读全文
posted @ 2017-05-30 09:54
AngularJS - 工作原理
摘要：http://www.cnblogs.com/leo_wl/p/3446075.html 任何一门语言的学习都需要了解它的核心概念，处理流程和实现原理，这样才能在编译出现问题或者没有达到我们想要的结果时，及时准确的发现问题所在。下面我想谈一下我对angular原理的理解，不仅为了加深我自身对于ang
阅读全文
posted @ 2017-05-30 08:56
1
浙公网安备 33010602011771号