Vue技能点

最新推荐文章于 2023-04-13 20:36:08 发布

chizhan_web

最新推荐文章于 2023-04-13 20:36:08 发布

阅读量631

点赞数

分类专栏： vue Jessi

本文链接：https://blog.csdn.net/TOTORO_RRR/article/details/99643148

版权

Jessi 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

生命周期
顺序：beforeCreate-created-beforeMount-mounted
如果没有指定el，即没有指定要挂载的元素，则不会执行beforeMount-mounted
beforeMount才能获取到DOM节点（但还没有render），所以一般操作DOM在mouned里，操作数据在created和mounted中均可以
activated、deactivated和keep-alive有关联
修改data的值最早也要在created中
watch
最初绑定时是不会执行的，若需要可以设immediate为true，则会初始自动执行handler
deep深入观察，性能消耗大，解决方法是使用字符串，例如obj.a
slot-scope="props"
可通过propr.attr 访问到组件的数据

server 服务器端渲染

①安装依赖

npm init

npm install vue-server-renderer vue express -s

②node index.js

// 第一步 创建一个vue示例 创建一个renderer 创建一个server 
const Vue = require('vue')
const renderer = require('vue-server-renderer').createRenderer()
const server = require('express')()

server.get('*',(req,res) =>{
    renderer.renderToString(app,(err,html)=>{
        if(err) throw err
        console.log(html)
        res.end('<html><body>${html}</body></html>')
        // => <div data-server-rendered="true">Hello World</div>
    })
})

server.listen(8080)

const app = new Vue({template:`<div>Hello World</div>`})

npx 简化命令行

npm install -g create-react-app
create-react-app my-app

// 简化成
npx create-react-app my-app

nuxt.js
```
npx create-nuxt-app <项目名>
```

chizhan_web

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录