![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
衡与墨
福建98生人,爱好GO、Java、JS、TS、Python、Rust、C语言,前后端均精通,熟悉linux、docker、k8s使用,擅长Vue、Java Web开发、GO 微服务和web开发,兴趣广泛,爱好开源,目标是2025年前具有百万级别系统的架构师能力,我是一个追求纯粹的程序员,欢迎工作邀请
展开
-
Vue3 JSX体验
6啊,vue3vite创建的app自动支持了jsx语法。但是注意jsx代码要用.jsx文件结尾。https://github.com/vuejs/jsx-next一切尽在代码中:TestJsx.jsximport { defineComponent, ref } from 'vue';export default defineComponent({ setup() { const a = ref('xxxxxxxxxxxxxxxxxxx'); return () =>原创 2021-02-19 17:16:51 · 1616 阅读 · 0 评论 -
记录vue3的v-model的实现方式
vue3还是有些不同的噢<template> <div> <p>state: a: {{ state.a }}</p> <p>state.a(toRef): a: {{ xxx }}</p> <p>state.a(ref): a: {{ xxxx }}</p> <button @click="update1">toRef更新a</button>原创 2021-02-19 10:32:21 · 812 阅读 · 0 评论 -
Vue3学习笔记(1)
Vue大法好!放假了回家定下的一个小目标就是拿下vue3,现在就开始吧。给大家推荐我学习的视频:尚硅谷的ts+vue3混合双打课程《https://www.bilibili.com/video/BV1ra4y1H7ih?p=42&spm_id_from=pageDriver》多的不说,先helloworld查看vue cli版本:vue -V需要高于4.5如果版本不够:npm install -g @vue/cli建项目:vue create helloworld选择手动:勾选T原创 2021-02-09 11:30:23 · 875 阅读 · 0 评论 -
MVVM和MVC的区别详解
MVVMMVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。Model指的是后端传递的数据。View指的是所看到的页面。ViewModel 是mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将model转化成view,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将view转化成model,即将所看到的页面转化成...原创 2019-03-27 09:12:01 · 2365 阅读 · 0 评论 -
Vue(一)——简介和HelloWorld
简单介绍vue.jsvue.js是前Google员工尤雨溪先生在github上开源的一个前端框架,vue.js的优点是轻量级、易上手、学习路线平稳,它和其他大多数的MVVM框架一样,都支持响应式编程,所谓响应式编程既是通过viewModel在view和Model之间搭建了一个双向的桥梁,当数据改变时会自动的更新视图,当视图发生操作时会改变所绑定的数据。vue.js还是支持组件化的,“一切都是组件...原创 2019-03-27 09:20:22 · 508 阅读 · 0 评论 -
Vue(二)——实例的选项属性
vue实例vue.js是通过 new View({…})来声明一个实例的,在这个实例中包含了当前页面的HTML结构、数据、还有事件。vue实例是MVVM模式中的viewModel,它实现了数据和视图的双向绑定。在实例化时我们可以传入一个选项对象,它包含数据、模板、挂载元素、方法、生命周期函数等选项。模板el:通过使用css选择语法来选择绑定的元素,如el : '#app'templete:...原创 2019-03-27 09:22:10 · 1360 阅读 · 0 评论 -
Vue(三)——数据绑定
数据绑定简单文本绑定最简单也是最常用的数据绑定方法,通过使用{{}}标签来绑定数据:var app = new Vue({ el : '#app', data : { name: 'hengyumo' }})<span>Hello, this is {{name}}</span> --> Hello, this is hengyumo通过app...原创 2019-04-30 23:41:00 · 9035 阅读 · 1 评论 -
Vue(四)——模板渲染
模板渲染Vue.js 提供v-if,v-show,v-else,v-for 这几个指令来说明模板和数据间的逻辑关 系,这基本就构成了模板引擎的主要部分。v-if、v-else<div v-if="yes">yes</div> <div v-else>no</div> //如果app.yes == true则会输出yes反则输出nov...原创 2019-04-30 23:42:12 · 852 阅读 · 0 评论 -
Vue原理简介
Vue原理简介Vue就是基于MVVM模式实现的一套框架,在vue中:Model:指的是js中的数据,如对象,数组等等。View:指的是页面视图viewModel:指的是vue实例化对象为什么说VUE是一个渐进式的javascript框架, 渐进式是什么意思?如果你已经有一个现成的服务端应用,你可以将vue 作为该应用的一部分嵌入其中,带来更加丰富的交互体验;如果你希望将更多业务逻辑...原创 2019-03-27 09:16:25 · 4525 阅读 · 0 评论