vue再学习
day01Vue 是什么？Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性Vue中指定都是以 v- 开头 v-cloak防止页面加载时出现闪烁问题 <style ty...
2024-01-10
vue日常学习
1.$refs可以用来进行父子级间通信。ref被用于作为子组件的索引ID，用以方便的在js中直接访问子组件。用法如下parent.$refs.idname使用方法：在父级元素上加上ref属性<button @click='change'>点击</button><app-test ref='child'></app-test>methods:{ change:function(){ this.$refs.child.changehandle('父级传到子级') } } ...
2024-01-10
vue学习总结
一.vue基础Vue的介绍及安装和导入Vue的使用vue事件获取当前对象Vue成员获取Vue中的循环以及修改差值表达式vue中methods,computed，filters,watch的总结Vue中组件Vue中插槽指令Vue部分编译不生效,解决Vue渲染时候会闪一下二.vue-CLIVue-CLI 搭建Vue-CLI 在pycharm中配置Vue-CLI 中相关操作Vue-CLI父子组件之间传参Vue-...
2024-01-10
vue 学习一
这个是很早之前公司要使用vue.js时候学习记在有道云笔记上的,发觉那个笔记贼多了,没办法,觉得是要换个地方存笔记了, 一vue.js的使用: 可以在页面是直接使用:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcss.com/vue/2.5.20/vue.m...
2024-01-10
vue 初始学习
1.vue基础 2.vue helloworld3.vue demo4.vue 开发者工具5.最终效果图：完成简单登录注册和vue 调式。相关gitlub 地址：参考github：https://github.com/kanlidy...
2024-01-10
vue 继续学习
前段时间放弃，现在继续前行 1， 安装 我们看下结构！ 而且还增加了一个特别牛叉的功能就是针对单个VUE文件进行测试！这个很威武啊，可见技术在不段牛叉中！ 行，这都不重要，重要的是开发工具，越来越便捷！这玩意也不实用，我们还是在脚手架中方便，有自动更新功能！ 好，我...
2024-01-10
vue 学习资料
自学资料地址：https://zhuanlan.zhihu.com/p/26535530项目UI部分1.pc站 UI：（1）考虑自己写成本高，需要花费不少时间，好处是可以自己控制维护！（2）引入第三方的ui库利用现成的组件来做业务，可以满足你大部分场景的Pc ui库：element－UIhttp://element.eleme.io/#/zh-CN使用它开发过管理后台2.移动端UI:有赞UI vanthttp...
2024-01-10
vue 学习记录
模板：通常是指html模板组件component的概念：在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例,将组件看作自定义的HTML元素。使用组件的前提是创建并注册组件 vue组件介绍：http://blog.csdn.net/xingjigongsi/article/details/54602404Vue.js的组件的使用有3个步骤：1:创建组件构造器------- 调用Vue.exten...
2024-01-10
vue组件学习(二)
父传给子: 直接在组件上传,如: (冒号和不要冒号的区别,有冒号会自动转为相应的类型)在名为count的组件,父组件传了number=2的值给子组件子组件通过props:['number'] 接收;子传给父组件: 通过$emit('change',参数),change可以任意命名,向父组件暴露数据接口父组件通过监听"change"然后调用 一个方法获取到的参数和...
2024-01-10
Vue学习--
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="http://unpkg.com/vue/dist/vue.js"></script></head><body><div > <pre><a v-bind:href="url">菜鸟教程</a></pre></div><!--根据js中绑定的值，在a标签中显示，并且根据js中绑定的跳转连接，显示到...
2024-01-10
vue 学习注意事项
一：插值方式：1：数据绑定，最常见的形式就是使用 “Mustache” 语法（双大括号）的文本插值 <span>Message: {{ msg }}</span> 通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新2：属性绑定，属性插值使用v-bind指令，Mustache {{}}不能在 HTML 属性中使用，应使用 v-bind 指...
2024-01-10
vue基本复习
冬天真冷，所以我搬家了，我搬到了一个有暖气的地方，你们也别笑我很穷，现实就这个样子经过一段时间的废弃，从新开始就需要重新复习起来！我们来看下vue的for 循环行，这篇就这么多，不要怕low ，就怕不坚持，以前我都干到了vuex vue-router 现在都忘光了，不过了，我会收拾起来！组件啊，组...
2024-01-10
vue散碎知识点学习
1.1. 特点数据渲染/数据同步组件化/模块化其他功能路由，ajax，数据流1.2. Vue.js学习资源vuejs中文官网：http://cn.vuejs.orgvuejs源码：https://github.com/vuejs/vuevuejs官方工具：https://github.com/vuejs1.3. Vue实例对象var my = new Vue({ el: '#app', template: '<div>{{}}</div>', data:{ fruit: 'a...
2024-01-10
小白的vue学习路程
最近公司开发新的项目，前端框架选定vue，对于前端小白的我，需要自己学习补充能量。vue的最大特点：响应的数据绑定、组合的视图组件。vue文件里面包含三种：<template>html模板</template> <script>js</script> <style>css<style>webpack 将vue的文件打包成浏览器能识别的 html（视图层）、js(就是一个vue对象，mode...
2024-01-10
vue的初学篇
首先说一下 vue大概是个怎么回事（其实是没有这段话的 因为自学的时候 因为这个犹豫了一段时间 所以还是觉得有必要说一下）开说：vue和jq的不同之处 1.首先代码量相比于jq 少的吓到我自己 2.jq是纯操作dom（dom就是元素 标签）但是vue是对数...
2024-01-10
vue实战学习第二天
1.怎么运行别人的项目步骤一：搭建脚手架：npm i -g vue-cli步骤二：vue init webpack不要一直默认回车，去除一些不必要的依赖，减少代码的编写难度步骤三：下载依赖的文件 npm i（可能有些人会报错，你打开项目的package.json文件，查看node和npm要求的版本，更新到要求的版本再重新下依赖就好了）npm...
2024-01-10
Vue学习目录
前面的话 近年来，前端框架发展火热，新的框架和名词不停地出现在开发者眼前，而且开发模式也产生了一定的变化。目前来看，前端MVVM框架的出现给开发者带来了不小的便利，其中的代表就有Angular.js、React.js以及Vue.js。这些框架的产生使得开发者能从过去手动维护DOM状态的繁琐操作中解脱出来...
2024-01-10
vue开发学习参考资料
1、vue的学习：https://cn.vuejs.org/ 2、5个Vue.js项目的令人敬畏的模板https://baijiahao.baidu.com/s?id=1606305883663025122&wfr=spider&for=pc3、饿了么开源的组件集（用这个的比较多）https://element.eleme.cn/#/zh-CN 4、这个是一个大家经常参考的模板工程https://github.com/lin-xin/vue-manage-system ...
2024-01-10
Vue基础入门学习
vue安装下载地址https://cn.vuejs.org/v2/guide/installation.html版本选择选择开发版本下载如何引入直接用 <script> 引入，直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。<script src="js/vue.js"></script>Vue入门程序<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta ch...
2024-01-10
vue学习01----安装
一、项目搭建（一共2步）1.安装前：你需要安装node，并且切换成淘宝的镜像。npm install -g cnpm --registry=https://registry.npm.taobao.org2.搭建vue项目如下: Vue.js提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建...
2024-01-10
学习vue必备技能vuex
首先我们先用vue-cli搭建项目，安装vuex,安装依赖（这里不一一讲解），然后在src下建立/vuex/store.js，里面代码截图最简单的引入vue，引入vuex,定义两个对象，一个state(数据状态),一个mutations（改变数据方法），最后export，因为我们别的地方要用，比较简单的一个实例，也是比较经典的实例，点击加减改...
2024-01-10
vue学习——v-on实例
v-on绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。在监听原生 DOM 事件时，方法以事件为唯一的参数。如果使用内...
2024-01-10
01-vue学习-差值操作
1.mustache语法mustache 语法中，不仅可以直接写变量，也可以写简单的表达式-v-once 没有表达式 只会显示第一次的数据，但是不会随着数据改变而改变-v-html 当 data 数据中的 url 以 url: '<a href="http://www.baidu.com">百度一下</a>' 这种形式返回的时候，为了我们能准确的输出一个超链接到页面上，可以使用 v-ht...
2024-01-10
vue基础（学习官方文档）
介绍是什么是一套用于构建用户界面的渐进式框架声明式渲染<div >{{ message }}</div>var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})vue 实例var vm = new Vue({ // 选项})一个 Vue 应用由一个通过 new Vue 创建的根 Vue 实例，以及可选的嵌套的、可复用的组件树组成。所有的 Vue 组件都是 Vue...
2024-01-10
