文章分类 -  VUE

VUE常用指令
摘要：VUE常用指令 重点 在VUE中 v-xxx的行内属性 我们统称为VUE指令，这些指令都是基于自定义属性设置的，只不过在VUE上有特殊含义，在vue加载成功并进行处理时，会安装相关规则解析和渲染视图。遇到对应的指令实现对应的功能 VUE指令分两种，有原生对应的，无原生对应的 有原生对应的 v-tex 阅读全文
posted @ 2020-07-23 09:27 Ren小白 阅读(284) 评论(0) 推荐(0)
VUE初识和基础语法
摘要：VUE初识 重点 开发思想 1、传统操作DOM模式 2、MVC(model view controller) MVC是单向数据绑定，数据更改可以渲染视图，但视图更新没有更改数据 3、MVVM（model view viewModel） MVVM是双向数据绑定的：VUE本身实现了数据和视图的相互监听影 阅读全文
posted @ 2020-07-20 23:53 Ren小白 阅读(236) 评论(0) 推荐(0)
插槽
摘要：插槽 Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。 <navigation-link url="/profile"> Your Profile </navigation-link> 然后你在 <navigation-link> 的模板中可能会写为： <a v- 阅读全文
posted @ 2020-07-06 00:43 Ren小白 阅读(213) 评论(0) 推荐(0)
VUE实例的属性和方法
摘要：转 https://www.jianshu.com/p/79ff79c87e16 VUE属性与方法 属性 vm.$el #指定要绑定的元素 vm.$data #Vue 实例的数据对象 vm.$options #获取自定义属性的值 new Vue({ customOption: 'foo', 自定义属 阅读全文
posted @ 2020-07-02 14:34 Ren小白 阅读(510) 评论(0) 推荐(0)
混入
摘要：混入 混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 选项合并 当组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”。 比如，数据对象在内部 阅读全文
posted @ 2020-07-02 10:57 Ren小白 阅读(330) 评论(0) 推荐(0)
vue生命周期
摘要：https://segmentfault.com/a/1190000009677699?utm_source=sf-related vue 2.0生命周期 步骤 new vue 创建vue实例 init events & lifecycle 初始化事件和生命周期 beforeCreate 组件刚被创 阅读全文
posted @ 2020-07-02 09:02 Ren小白 阅读(141) 评论(0) 推荐(0)
vue的ref和$refs
摘要：https://www.cnblogs.com/xumqfaith/p/7743387.html ref和$refs 如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。 如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引 阅读全文
posted @ 2020-07-01 13:25 Ren小白 阅读(93) 评论(0) 推荐(0)
vue项目结构
摘要：项目 通过webpack构建vue项目 1、建立项目路径，然后cmd切换到工作路径 2、输入vue init webpack demo ,建立项目。其中demo是我们要建立的项目名称。 接下来就是确认项目描述信息，作者信息 然后出现js语法检测的内容，直接输入n就可以。暂时用不到。一直enter 然 阅读全文
posted @ 2020-06-28 23:49 Ren小白 阅读(372) 评论(0) 推荐(0)
vue.js Ajax(axios)
摘要：axios Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。 get方法 get方法传递参数 // 直接在 URL 上添加参数 ID=12345 axios.get('url?ID=12345') .then(function (response) { 阅读全文
posted @ 2020-06-22 12:35 Ren小白 阅读(151) 评论(0) 推荐(0)
vue基础
摘要：VUE vue安装完后 进入项目目录 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 就是绑定new Vue里面的 data{ }里面 阅读全文
posted @ 2020-06-21 01:02 Ren小白 阅读(105) 评论(0) 推荐(0)
VUE过渡和动画
摘要：过渡 Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。 语法格式 <transition name = "nameoftransition"> <div></div> </transition> 实现条 阅读全文
posted @ 2020-06-19 00:37 Ren小白 阅读(325) 评论(0) 推荐(0)
自定义指令和钩子
摘要：自定义指令 除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 <div id="app"> <p>页面载入时，input 元素自动获取焦点：</p> <input v-focus> </div> <script> //如果是在实例中使用directiv 阅读全文
posted @ 2020-06-16 17:05 Ren小白 阅读(345) 评论(0) 推荐(0)
VUE组件
摘要：Vue.js 组件 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 组件语法 注册一个全局组件语法格式如下： Vue.compon 阅读全文
posted @ 2020-06-16 17:04 Ren小白 阅读(194) 评论(0) 推荐(0)
vue路由
摘要：Vue.js 路由 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 https://www.jianshu.com/p/9a7d79249741 详细看这篇博客 基 阅读全文
posted @ 2020-06-16 17:02 Ren小白 阅读(163) 评论(0) 推荐(0)

levels of contents