
vue
季后的风
这个作者很懒,什么都没留下…
展开
-
重走vue之axios
AxiosAxios是一个基于promise的HTTP库,可以用在浏览器和node.js中。jQuery中也封装了ajax机制,但 是仅适用于浏览器。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装通过<script>直接导入<script src="https://cdn.bootcdn.n原创 2020-10-29 20:20:32 · 116 阅读 · 0 评论 -
重走vue之vue-router
vue-router概述:vue-router是vue的核心插件,用来提供路由功能。通过路由的改变来动态加载组件,达到开发单页面应用网站的目的。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于vue.js过渡系统的视图过渡效果细粒度的导航控制带有自动激活的CSS class的链接HTML5历史模式或hash模式,在IE9中自动降级自定义的滚动条行为安装通过使用cdn导入在线资源<script src="https://cdn.b原创 2020-10-29 17:16:08 · 709 阅读 · 0 评论 -
重走vue之vue的可复用技术
mixin混入是非常灵活的技术用来分发Vue 组件中的可复用功能。一个混入对象可以包含任意组件选 项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项.var mixin = { data:function(){ return { info:"this is a mixin" } }, created(){console.log("this is mixin created原创 2020-10-29 14:08:09 · 376 阅读 · 0 评论 -
重走vue之vue组件
组件概述:组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码 。在较高层面上,组件是自定义元素,Vue的编译器为它添加特殊功能。在有些情况下,组件也可以 表现为用is特性进行了扩展的原生 HTML 元素。组件注册的时候需要为该组件指定各种参数。组件的定义因为组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如 data、computed 、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例原创 2020-10-29 09:16:30 · 210 阅读 · 0 评论 -
重走vue之vue的计算属性和侦听属性
计算属性我们希望一个变量是经过某种计算然后输出而不是直接输出的时候可以使用到计算属性在双大括号中直接使用表达式获取结果<div id="example"> {{ message.split('').reverse().join('') }} </div>在Vue定义参数中添加computed属性,或者是在methods中添加方法<div id="example"> <p> Computed revers原创 2020-10-28 19:32:15 · 102 阅读 · 0 评论 -
重走vue之表单的输入绑定
表单的输入绑定概述:用v-model指令在表单<input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据 控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、 selected attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在 组件的 data 选项中声明初始值单行文本框<input v-model="messag原创 2020-10-28 19:00:14 · 109 阅读 · 0 评论 -
重走vue之vue的事件机制
事件绑定可以用v-on 指令监听DOM 事件,并在触发时运行一些 JavaScript 代码。v-on 还可以接收一个 需要调用的方法名称。<button v-on:click="greet">Greet</button> methods: { greet: function (event) { if (event) { alert(event.target.tagName) } // `event` 是原生 DOM 事件原创 2020-10-28 18:38:21 · 275 阅读 · 0 评论 -
重走vue之模块语法
模块语法概述:vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有 Vue的模板都是合法的 HTML,所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组 件,并把 DOM 操作次数减到最少。插值文本使用“Mustache”语法 (双大括号) 进行文本插值实例:<span>Message: {{ msg }}</span&g原创 2020-10-28 15:22:00 · 178 阅读 · 0 评论 -
重走vue之初识vue及vue的生命周期
vuevue是一个MVVM视图层框架,可以构建出复杂的单页面应用程序。vue与原生的Js显著的区别就是不再 对dom进行直接操作,而是通过对数据操作来改变视图。也就是说数据模型中的数据发生改变时,视图中使用到该数据的地方也会随之改变安装通过cdn在html中引入在cdn加速服务器中获取vue的库直接进行导入即可,这种方式更加便捷,另外当项目部署到服务器以 后直接从cdn上获取资源要比直接从我们的云服务器上获取资源的速度快很多<script src="https://cdn.bootcd原创 2020-10-28 10:16:46 · 240 阅读 · 0 评论 -
重走vue之vuex
vuexvuex是什么?vuex是一个专为 Vue.js 应用程序开发的状态管理模式,vuex采用集中式存储管理应用的所有组件 的状态,并以相应的规则保证状态以一种可预测的方式发生变化状态管理模式状态管理模式包含以下部分:state,驱动应用的数据源;view,以声明方式将 state 映射到视图;actions,响应在 view 上的用户输入导致的状态变化;vuex使用场景如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好原创 2020-10-15 19:45:26 · 227 阅读 · 0 评论