8.Vue基础
vue基础（二）
Vue调试工具vue-devtools的安装步骤和使用过滤器概念：Vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示；私有过滤器HTML元素：<td>{{item.ctime | dataFormat('yyyy-mm-
日期 2023-06-12 10:48:40
vue基础（一）
什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或
日期 2023-06-12 10:48:40![vue-router 2.0 常用基础知识点之router.push()[通俗易懂]](/scriptcss/images/16.png)
vue-router 2.0 常用基础知识点之router.push()[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户
日期 2023-06-12 10:48:40
闲聊vue版本差异和开发中不太容易注意的点（基础篇）
文章目录写在前面计算属性优势在哪？watch深度监听内连样式写法条件渲染需要注意的template列表渲染和条件渲染的爱恨纠葛v-for 怎么获取Symbol的属性值为什么v-for一定要有key数组触发视图更新事件处理v-modelvue组件中data为什么一定要是一个函数prop对象和数组的默认值问题$parent不太建议频繁使用具名插槽需要注意的三个点跨级数据传递setupwatchEffe
日期 2023-06-12 10:48:40
Vue组件基础（上）
单页面应用程序概念单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（HTML、JavaScript和CSS）。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的
日期 2023-06-12 10:48:40
Vue基础-插值表达式-数据驱动视图-指令系统
1. vue 的安装配置node.js 的安装 http://nodejs.cn/download/node的特点描述它是一个Javascript运行环境依赖于Chrome V8引擎进行代码解释事件驱动非阻塞I/O轻量、可伸缩，适于实时数据交互应用单进程，单线程脚手架待补充2.插值表达式{{}} 双大括号插值 react {}如果template中定义了内容，那么优先加载template，如果没有
日期 2023-06-12 10:48:40Vue 组件基础
组件基础什么是组件需求: 如果页面中有多个一样结构的控件,比如<div id="app"> <!-- 页面中有多个一样结构的标签: span+button --> <span>{{count1}}</span> <button @click="changeCount1">按钮
日期 2023-06-12 10:48:40Vue基础①
， 3 8月 2021作者 847954981@qq.com前端学习Vue基础①Vue工程下的文件夹作用：①：assets：存放项目中需要用到的资源文件，css、js、images 等。②：componets: 存放 vue 开发中一些公共组件：例如项目初始的 header.vue、footer.vue 就是公共组件。③：router：vue 路由的配置文件。④：views：存放页面文件⑤：a
日期 2023-06-12 10:48:40Vue笔记：Vue基础
目录 前言 hello Vue Vue挂载 数据绑定 事件绑定 计算属性和侦听器 条件渲染、列表渲染 双向绑定 前言 Vue.js 是一套构建用户界面的渐进式框架，你可以选择使用它的一部分功能，也可以使用全部功能。 以下代码的环境：https://codepen.io/pen hello Vue Vue.js是以JavaScrip作为
日期 2023-06-12 10:48:40Vue_(基础)Vue中的事件
Vue.js中文文档 传送门 Vue@事件绑定 v-show：通过切换元素的display CSS属性实现显示隐藏； v-if：根据表达式的真假实现显示隐藏，如果隐藏，它绑定的元素都会销毁，显示的时候再重建； v-else：与v-if配对使用； v-elseif：与v-if配对使用； v-bind：属性绑定；
日期 2023-06-12 10:48:403-1 vue-resource基础介绍
1.静态引用 <script src="https://cdn.bootcss.com/vue-resource/1.3.4/vue-resource.js"></script> 2.npm方式安装(推荐) $ npm install vue-resource --save -save 是指将包信息添加到 package.json 里的dependenci
日期 2023-06-12 10:48:40vue框架-基础3-vue-component组件化开发
组件化开发 组件系统是 Vue 的另一个重要概念 意类型的应用界面都可以抽象为一个组件树 也就是说项目都是一个个的组件构成的 我们使用小型、独立和通常可复用的组件构建大型应用。 这是一种开发的理念，组件化开发， 第一个组件示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF
日期 2023-06-12 10:48:40vue框架-基础2-vue生命周期
vue实例 var vm = new Vue({ // 选项 }) 这就是创建了一个vue的实例 这个实例里面有很多的选项，我可以去定义，这个相当重要 选项-数据：可以传入data，props等等 选项-方法：可以传入，method，等等 选项-生命周期：可以传入，beforeCreate，created，等等 选项-DOM：可以传入el，template，等等 更加详细的再api文档里
日期 2023-06-12 10:48:40vue框架-基础1-vue包引入，指令，模板语言
vue学习 从官方文档学习 https://cn.vuejs.org/v2/guide/index.html vue介绍 Vue是一套用于构建用户界面的渐进式框架。 也就是可以边学习边开发，渐进式学习，关键在于应用 特点： 1，易于上手 2，是一种插件式的开发， 类似python中的flask，所以我喜欢使用flask+vue进行前后端分离的开发， 另外： 官方指南假设你已了解关于 HTML
日期 2023-06-12 10:48:40Vue 基础知识
1. vue 生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有 10 个钩子，对应 5 个动作： create（创建） mount（vdom挂载） update（数据更新导致dom需要重新渲染和打补丁） activated（keep-alive组件激活） destory（销毁） 2. 组件间通讯 父子组件 父 -> 子：props 父 -> 子：$
日期 2023-06-12 10:48:40vue框架-基础2-vue生命周期
vue实例 var vm = new Vue({ // 选项 }) 这就是创建了一个vue的实例 这个实例里面有很多的选项，我可以去定义，这个相当重要 选项-数据：可以传入data，props等等 选项-方法：可以传入，method，等等 选项-生命周期：可以传入，beforeCreate，created，等等 选项-DOM：可以传入el，template，等等 更加详细的再api文档里
日期 2023-06-12 10:48:40vue学习资料：vue笔记ppt整理(vue基础指令&vue基础语法)
vuejs基础语法：
日期 2023-06-12 10:48:40Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
文章目录 1、基础知识2、代码实例2.1 main.js2.2 School.vue2.3 Student.vue2.4 App.vue 3、全局事件总线通信改为消息的订阅和发布3.1 核心部分代码3.1
日期 2023-06-12 10:48:40vue快速学习02、基础用法
vue快速学习02、基础用法 目录 vue快速学习02、基础用法 1、数据双向绑定 2、数据绑定 3、钩子函数 4、created函数用法1 5、created函数用法2 6、filters过滤器 7、v-once与v-text 8、数据计算 9、数据绑定 10、样式控制1 11、样式控制2 12、v-if 14、v-on
日期 2023-06-12 10:48:40vue.js--基础 事件结合双向数据绑定实现todolist，增加和删除功能
原理很简单，写一个input框，定义一个空的list，当在input中增加数据时，就往list中添加数据，然后在循环这个list的数据，删除数据就是调用list中的splice <template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="todo"/&g
日期 2023-06-12 10:48:40vue - 组件基础
1. 全局组件 2. 局部组件 3. 常规属性传值（props属性传值） 4. v-bind传值 4.1 属性取值 4.2 在构造器向组件传值（v-bind） 5. 父子组件调用 5.1 父组件 5.2 子组件 6. 组件注册 官方文档：https://cn.vuejs.org/v2/guide/component
日期 2023-06-12 10:48:40vue基础篇---生命周期
每个钩子函数都在啥时间触发 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始，$
日期 2023-06-12 10:48:40vue基础篇---修改对象或数组的值，页面实时刷新
这个问题估计大家很难想到，如果一个数组[1,2,3,4]，然后我们v-for遍历，我们改变数组的值，arr[1] = 5 ，难道不应该改变么？按理说根据vue的特性应该是改变的，但是事实上确实数组已经改变了，但是页面上面却没有变化。有三种解决办法。 1.通过7个特定的api方法来实现 push pop shift unshift splice&nb
日期 2023-06-12 10:48:40vue基础篇---class样式绑定
因为class的绑定在实际的工作中会经常用到。所以特意记录一下，有好几种方法。 对象绑定方法，另外一个值来控制显示隐藏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <scri
日期 2023-06-12 10:48:40vue基础教程安装创建项目
#详细安装步骤 https://www.cnblogs.com/zhaomeizi/p/8483597.html #cli2使用模板创建项目： vue init webpack 项目名称 #cli3使用模板创建项目： vue create 项目名称 卸载cli3 npm uninstall -g @vue/cli 或
日期 2023-06-12 10:48:40vuex基础入门
Vuex简介 vuex的安装和组成介绍 [外链图片转存失败(img-nWQUUuyh-1565273314232)(https://
日期 2023-06-12 10:48:4002-vue基础-Vue常用特性
1、表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且val
日期 2023-06-12 10:48:40vue基础---模板语法
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地
日期 2023-06-12 10:48:40vue基础---实例
（1）数据和方法 ①响应式双向绑定 当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。 // 我们的数据对象 var data = { a: 1 } // 该对象被加入到一个 Vue 实例中 var
日期 2023-06-12 10:48:40vue基础---列表渲染
首先简单回顾下v-for‘指令 <ol id="list_area"> <li v-for="book in books">{{book.name}}</li> </ol> <script type="text/javascript"> n
日期 2023-06-12 10:48:40vue基础---介绍
（1）声明式渲染 Vue.js 的核心是采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统： ①文本 <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'He
日期 2023-06-12 10:48:40