Vue
文章平均质量分 55
一路向北@L
平静的坚持比爆发的努力更弥足珍贵
展开
-
vue使用tinymce编辑器
vue-tinymce原创 2023-03-01 10:54:19 · 218 阅读 · 0 评论 -
Vue博客管理系统
https://github.com/378406712/myBlogDesign-2.0毕设:vue博客管理系统原创 2020-05-28 21:46:27 · 482 阅读 · 0 评论 -
vue优化,本地存储的方法
vue配合vuex和本地存储可以减少HTTP请求,进行优化本地储存:sessionStorage、localStorage和cookie之间的异同共同点:都是保存在浏览器端,且同源的。区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间 来回传递 cookie数据不能超过4KB,同时因为每次http请求都会携带cooki...原创 2019-10-24 21:53:32 · 719 阅读 · 0 评论 -
Vue全局前置守卫验证登录状态
全局前置守卫验证登录状态在login页 methods: { login() { this.$axios .post("/api", { user: this.user, password: this.pass }) .then(res => { if (res...原创 2019-10-24 16:02:31 · 1158 阅读 · 0 评论 -
mixin混入,插槽,过滤器
Mixins混入:把各个组件下相同的js部分提取出来,分发给每一个用到的组件,这样可以减少代码量进行优化,但是分发到各个组件下的数据都是相互独立的在组件下引入混入的内容:import minxi在子组件内先引入import mixis from ‘./…/…/…/mixin’然后派发 mixins:[mixis] (mixis为提出来的公共部分的js...原创 2019-10-21 20:35:24 · 329 阅读 · 0 评论 -
axios,vuex
resource:本地的数据内容应该放在static文件夹下先下载npm install vue-resource ,在main.js中引入 vue-resource,使用 Vue.use();get:在需要请求数据的页面使用this.$http.get(路径).then((数据)=>{ 请求成功后拿到数据})post:在需要请求数据的页面使用this.$http.post(...原创 2019-10-19 11:08:32 · 243 阅读 · 0 评论 -
关于vue全家桶
vue全家桶包含哪些模块vue-cli vue脚手架vue-router 路由axios http请求vuex 状态管理(操作公用数据)UI库(element-ui)vue脚手架下,src文件夹下包含哪些文件,作用分别是什么?assets文件夹:一般放置图片components文件夹:放置所有自行编写的组件router文件夹:在index.js下进行路由配置...原创 2019-10-18 20:20:54 · 144 阅读 · 0 评论 -
Vue生命周期、自定义指令,传值,状态管理,路由
生命周期vue(包括组件)实例从 实例化到消亡的一个过程,每个vue实例在被创建时都要经一些列的初始化过程,如需要设置监听,编译模板,将实例挂载到DOM并在数据变化时更新DOM等生命周期8个钩子函数的作用:beforeCreater:初始化内容created:初始化数据完成,可以拿到数据了beforeMount:找到对应的el,把数据向虚拟DOM上挂载的过程mounted:...原创 2019-10-16 20:33:35 · 303 阅读 · 0 评论 -
Vue组件的命名
结论: 组件命名不能使用驼峰命名,可以使用 -形式,或者开头首字母大写形式,目的是为了跟普通html标签进行区分Vue.component("comA",{ template:``, }组件下用驼峰式命名不好,因为在DOM标签下要转为横杠形式,此处为否则报错.did you register the component correctl...原创 2019-10-16 17:04:30 · 595 阅读 · 0 评论 -
v-model双向绑定的defineProperty实现
多选框绑定v-model时,会吧选中的对应的value值加入到v-model绑定的数组中下拉列别选取单个值时使用字符串,多个值(multiple)需要使用数组select下option 可以用v-for遍历,但是要用v-bind绑定如果option有value时,选中时会把option的innerHTML内容替代掉Vue下原生js实现数据双向绑定definePrope...原创 2019-10-15 20:42:55 · 426 阅读 · 0 评论 -
购物车
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-10-15 19:34:18 · 123 阅读 · 0 评论 -
Vue列表渲染
列表渲染数组:(item,index) of arr对象:(val,key,index) of object实际使用时常用[{},{}] (数组嵌套对象)key的管理:(vue v-for 下key值的作用)在v-for使用v-bind:key绑定key,会使虚拟DOM记录节点的身份,在操作数组等元素进行变动时,DOM也会进行变动,在使用key值的情况下,不会让DO...原创 2019-10-15 19:02:37 · 126 阅读 · 0 评论 -
v-for为什么要加key
v-for为什么要加key未加key时 <div id="app"> <input type="text" v-model="name"> <button @click="add">增加元素</button> <ul> <!-- 没有加唯一key值,会对元...原创 2019-10-14 13:23:35 · 201 阅读 · 0 评论 -
组件化
组件:把页面中的UI模块拆分出来(header,footer,nav),把DOM放在组件中,组件可以重复调用,渲染到页面中,减少代码量(1) 全局组件:在每一个vue实例化中都可以取使用声明全局组件 Vue.component(‘组件名字’,{template:模板(HTML的内容,必须有一个唯一的根元素)})可以使用v-if进行判断显示,但是没有必要这样去实现,组件的命名不能使用驼峰命名...原创 2019-10-12 21:50:24 · 126 阅读 · 0 评论 -
vue 的class绑定方式,模板语法,计算属性,深度侦听
class绑定方式(1) :class="{box1:flag}" key代表style样式下的class名,val为布尔值控制绑定,动态绑定的class可以和固定静态class共存,绑定动态的class可以配合表单的v-model使用,例如checkbox(2) :class=“boxStyle” 对象方式绑定多个class,推荐使用在data写入对象的形式操作class(3) :...原创 2019-10-12 08:37:00 · 513 阅读 · 0 评论 -
什么是MVVM?mvvm和mvc区别?
什么是MVVMMVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型, 也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模 型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel...原创 2019-10-10 20:50:38 · 1324 阅读 · 0 评论