VueJs
文章平均质量分 88
Burgess_Lee
对编程语言和新技术非常感兴趣,志同道合者我们一起来学习,如有好的建议或不对的地方, 还希望广大程序猿予以指正。
展开
-
11-Vue前端项目开发基本准备
前端开发一些基础准备工作步骤总结原创 2022-10-18 16:05:36 · 1487 阅读 · 1 评论 -
10-第三方插件
Axios和ElementPlus部分知识点总结原创 2022-10-18 15:33:51 · 383 阅读 · 0 评论 -
09-组合式API
组合式API相关知识点总结原创 2022-10-17 16:56:46 · 594 阅读 · 0 评论 -
08-生命周期和自定义指令
生命周期函数、钩子函数、自定义指令以及模态框相关知识点总结原创 2022-10-14 16:46:30 · 481 阅读 · 0 评论 -
07-组件与过渡
vue组件以及过渡动画相关知识点原创 2022-10-14 15:33:26 · 386 阅读 · 0 评论 -
06-路由配置
路由相关知识点总结原创 2022-10-13 19:15:45 · 1571 阅读 · 0 评论 -
05-计算属性与侦听属性
侦听属性相关知识点介绍原创 2022-10-13 15:49:00 · 187 阅读 · 0 评论 -
04-Vue常用指令
vue常用指令原创 2022-10-12 17:13:56 · 265 阅读 · 0 评论 -
01-Vue3基础入门
vue3基础入门原创 2022-10-06 11:31:27 · 821 阅读 · 0 评论 -
02-vue3详细执行过程
vue3详细执行过程原创 2022-10-06 13:26:59 · 1798 阅读 · 0 评论 -
03-ECMAScript 6.0
ES6知识点总结原创 2022-10-12 16:04:14 · 345 阅读 · 1 评论 -
vue路由使用以及传参
路由概念后端路由:所有的URL地址对应到服务器对应的资源前端路由:前端页面的跳转,通过hash实现 http请求中不会包含# 单页面实现页面跳转的主要方式路由安装npm install vue-router直接下载引入js文件示例代码<style> /* 修改高亮的第一种方式 */ .router-link-active{ color: r...原创 2019-10-23 08:41:52 · 457 阅读 · 0 评论 -
Vue监听基本使用
使用methods监听文本<div id="app"> <!-- 分析 --> <!-- 监听文本框数据改变:如何监听??? --> <input type="text" v-model="firstname" @keyup="getFullname"> + <input type="text" v-model="lastname...原创 2019-10-23 08:42:01 · 573 阅读 · 0 评论 -
Vue组件之间的传值
子组件调用父组件中的data<div id="app"> <!-- 父组件可以在引用子组件的时候,通过属性绑定的形式,把需要传递给子组件的数据以属性绑定的形式传递给子组件内部 --> <com1 v-bind:parentmsg="msg"></com1></div><script> var vm = new ...原创 2019-10-23 08:42:07 · 110 阅读 · 0 评论 -
Vue组件
基本知识点组件:为了拆分Vue实例的代码量,能够以不同的组件来实现不同的功能模块,想要实现什么样的功能,就去调用对应的组件组件和模块区别: 模块化:是从代码的逻辑的角度进行划分的 方便代码进行分层开发,保证每个功能模块的智能单一 组件化:从UI界面的角度进行划分的 方便UI组件的重用组件的创建方式: 不论是那种方式创建的,组件的template属性有且只有一个...原创 2019-10-22 10:40:15 · 111 阅读 · 0 评论 -
Vue动画
简介 Enter Leave 进入时候的动画 离开时候的动画 v-enter v-enter-to v-leave v-leave-to ...原创 2019-10-22 10:34:26 · 109 阅读 · 0 评论 -
vue-resource的基本使用
除了vue-resource,还可以使用axios实现发送请求安装略过。。。示例代码:<script src="./lib/vue-2.4.0.js"></script><!--依赖于vue,需要放vue下边--><script src="./lib/vue-resource-1.3.4.js"></script>...原创 2019-10-22 10:30:30 · 132 阅读 · 0 评论 -
Vue生命周期
简介总体划分: 创建、运行、销毁生命周期钩子=生命周期函数=生命周期事件执行流程图创建周期的生命函数 init(Events&Lifecycle)表示刚初始化了一个空的Vue实例对象,这时候只有一些默认的生命周期函数和事件,其他都未创建 |--------》beforeCreate() init(Injections&am...原创 2019-10-22 10:28:40 · 149 阅读 · 0 评论 -
Vue过滤器的定义与使用
直接贴代码<div id="app"> <p>{{ msg | msgFormat('疯狂') | test }}</p></div><script> //定义一个Vue全局的过滤器 // 也可以传递多个参数,只要第一个是对应的数据就可以了 Vue.filter('msgFormat', function(msg, ar...原创 2019-10-22 10:23:20 · 202 阅读 · 0 评论 -
Vue指令03
v-for<div id="app"> <!-- <p>{{ list[0] }}</p> --> <!--遍历数组--> <p v-for="item in list">{{ item }}</p> <p v-for="(item, i) in list">索引是:{{ i }}----...原创 2019-10-22 10:22:21 · 114 阅读 · 0 评论 -
Vue使用样式
class<!-- <h1 class="red thin">这是一个很大很大的标题</h1> --><!--第一种使用方式:直接传递数组--><!--这里的class使用 -bind进行绑定--><h1 :class="['red', 'thin']">这是一个很大很大的标题</h1> <!...原创 2019-10-22 10:19:40 · 134 阅读 · 0 评论 -
Vue指令学习02
v-on缩写和事件修饰符.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件监听器使用事件捕获模式.self 只当事件在元素本身触发时触发回调.once 时间只能触发一次<div id="app"><!--使用.self 点击自身才触发事件--><div class="inner" @click.self="divHa...原创 2019-10-22 10:17:05 · 106 阅读 · 0 评论 -
Vue指令
v-cloak v-text v-html<div id="app"><!--能够解决传值表达式闪烁的问题--><p v-cloak>{{ msg }}</p><!--默认v-text没有闪烁问题--><!--v-text 会覆盖元素中原本的内容,但是插值表达式,只会替换自己的占位符,不会吧元素的内容清空-->...原创 2019-10-22 10:14:47 · 99 阅读 · 0 评论 -
Vue概念以及HelloWorld
概念最火的前端框架VueJs和ReactJs都可以进行收集app开发(Weex)是一个进行构建用户界面的框架,只关注视图层,比较容易上手,还便于与第三方项目整合为什么学习流向框架能够提高开发效率 原生JS(存在兼容性问题)--》Jquery类库(屏蔽兼容性问题)-》前端模板引擎(生成dom元素)-》AngularJs、VueJs(减少不必要的DOM操作,比如排序)...原创 2019-10-22 10:11:20 · 141 阅读 · 0 评论