计算属性计算属性的形式1234567891011121314151617// 计算属性有两种形式computed:{ // 1.函数 fullname(){ return this.fir...
浏览器打印html页面
原生JS实现打印浏览器自带window.print()可以拉起打印窗口，不过该窗口只能打印当前整个页面，如果想要打印指定元素，需要让元素充满页面。可以这样实现： 1234const originalContent = document...
vue源码手写实现（四）：观察者模式实现自动渲染
引言-观察者模式截止目前为止，基本的响应式和AST和render函数都能实现。不过目前只能通过手动调用_update(_render)来实现data数据改变后的重新渲染。vue中data数据被操作改变后，会自动重新渲染页面，本期我们采...
vue源码手写实现（三）：生成抽象语法树和render函数
获取模板目前已经能将data中的数据处理为响应式数据，接下来应该解析html代码的内容。 在vue的生命周期图示中，可以看到在created之后会判断是否有el选项，判断之后再判断是否有template选项。所以我们应当在init处...
vue源码手写实现（二）：实现基本的响应式
项目入口和初始化我们知道，Vue虽然复杂，但本质上仍旧是一个函数。所以第一步，我们先创建一个Vue函数。先在根目录下创建index.js，在里边创建Vue函数。 然后，我们需要获取到传递给Vue函数的参数，本质是一个对象，我们命名为o...
vue源码手写实现（一）：搭建开发环境
想要手写源代码，咋们需要一个打包环境，这里使用rollup打包工具。 初始化项目初始化npm 1npm init -y 下载rollup以及相关依赖 1npm i rollup rollup-plugin-babel @babel/...
vue中的use()
vue.use(xxx)即安装xxx插件，方法本质上是在调用xxx内部的install()方法。拿组件注册举例，平时引入组件是在vue文件内import进去，然后注册到component里；但是我们使用ElementUI时只需要use...