随笔分类 -  Vue

vue中install方法
摘要：vue提供install可供我们开发新的插件及全局注册组件等install方法第一个参数是vue的构造器，第二个参数是可选的选项对象 export default { install(Vue,option){ 组件 指令 混入 挂载vue原型 } } 全局注册组件 import PageTools 阅读全文
posted @ 2021-09-29 14:22 sam-zh 阅读(3089) 评论(0) 推荐(0)
Vue实现商品放大镜效果
摘要：一、前言:在这个鼎盛的电商时代各种直播带货或者自主逛宝购物，我们对商品的认知和了解进一步查看详情，发现我们的商品可以放大观看,于是心血来潮运用前端技术Vue框架，写了一个类似放大镜的功能 二、 实现思路:对原图的显示空间（left） 可以将显示原图可 img 换成canvas，来对图片行进行保护 ， 阅读全文
posted @ 2021-09-29 14:14 sam-zh 阅读(640) 评论(0) 推荐(0)
vue - 列表渲染
摘要：v-for：列表循环指令 例1：简单的列表渲染 <!-- 1、简单的列表渲染 --> <ul> <li v-for="n in 10">{{ n }} </li> </ul> <ul> <!-- 如果想获取索引，则使用index关键字，注意，圆括号中的index必须放在后面 --> <li v-fo 阅读全文
posted @ 2021-09-29 14:08 sam-zh 阅读(91) 评论(0) 推荐(0)
vue - 基础语法
摘要：1、单向绑定数据v-bind 你看到的 v-bind 特性被称为指令。指令带有前缀 v- 除了使用插值表达式{{}}进行数据渲染，也可以使用 v-bind指令，它的简写的形式就是一个冒号（:） 2、双向绑定数据v-model data: { searchMap:{ keyWord: '素小暖' } 阅读全文
posted @ 2021-09-29 14:06 sam-zh 阅读(49) 评论(0) 推荐(0)
Vue - 路由
摘要：Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 1、引入js <script src="vue.min.js" 阅读全文
posted @ 2021-09-29 13:56 sam-zh 阅读(38) 评论(0) 推荐(0)
Vue - 生命周期
摘要：分析生命周期相关方法的执行时机 // 创建时的四个事件 beforeCreate() { // 第一个被执行的钩子方法：实例被创建出来之前执行 console.log(this.message) //undefined this.show() //TypeError: this.show is no 阅读全文
posted @ 2021-09-29 13:55 sam-zh 阅读(25) 评论(0) 推荐(0)
Vue - 组件
摘要：组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 1、局部组件 var app = new Vue({ el: '#app', // 阅读全文
posted @ 2021-09-29 13:53 sam-zh 阅读(39) 评论(0) 推荐(0)
Vue基础知识总结 1 - Vue入门
摘要：一、简介 Vue(读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开 阅读全文
posted @ 2021-09-29 13:51 sam-zh 阅读(110) 评论(0) 推荐(0)
谈谈对vue渐进式的理解
摘要：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 本文链接：http 阅读全文
posted @ 2021-09-29 13:45 sam-zh 阅读(268) 评论(0) 推荐(0)
Vue.js - 起步
摘要：每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： <div id="vue_det"> <h1>site : {{site}}</h1> <h1>url : {{u 阅读全文
posted @ 2021-09-29 13:43 sam-zh 阅读(44) 评论(0) 推荐(0)
Vue目录结构
摘要：我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 s 阅读全文
posted @ 2021-09-29 13:41 sam-zh 阅读(299) 评论(0) 推荐(0)