<template> <div> 我的npm包 <helloName></helloName> </div> </template> <script> import helloName from 'bing-test-publish-npm' export default { name: 'npm', data () { return { } }, components: { helloName } } </script>
这时我发现我的控制台报错了，原来是编码错误，因此，我们需要修改更新代码
<template> <div> <input type="text" placeholder="请输入姓名" v-model="yourName"></input> <div v-if="yourName">hello<span>{{yourName}}!</span></div> </div> </template> <script> export default { name:'helloName', data () { return { yourName: '' } }, methods: { }, created(){ } } </script> <style> </style>
四、更新npm包
1. 修改完代码后，我们需要修改 package.json 的version版本
规则：对于"version":"x.y.z"
1.修复bug,小改动，增加z
2.增加了新特性，但仍能向后兼容，增加y
3.有很大的改动，无法向后兼容,增加x
2. 修改后 运行 npm run build, npm publish 就成功更新了包的版本
3. 使用时需要
卸载之前安装的包 npm uninstallbing-test-publish-npm
重新安装 npm installbing-test-publish-npm
可通过 npm listbing-test-publish-npm 查看到版本已是最新的版本
五、最终效果
